import { ref, computed, defineComponent } from 'vue';
import list from './menu.config';


export default defineComponent({
    setup(props: AnyObject, context: AnyObject) {
        return () => (
            <el-aside width="200px" class="itv-aside-menu">
                <div class="itv-menu-logo">
                    logo
                </div>
                <el-menu>
                    {
                        list.map((item, index) =>{
                            if (item.type === 'menu') {
                                return renderSubMenu(item);
                            }

                            if (item.type === 'page') {
                                return renderPage(item);
                            }
                            return renderGroup(item);
                        })
                    }
                </el-menu>
         </el-aside>
        )
    }
})